<!-- index.html -->
<!doctype html>
<html>
    <head>
        <title>International Return</title>
        <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"> <!-- load bootstrap via CDN -->
        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <!-- load jquery via CDN -->
        <!-- load custom javascript file -->
        <script src="magic.js"></script> 
        <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
        <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $(".tooltip-examples a").tooltip({
                    placement: 'bottom',
                    animation: 'true',
                    delay: { show: 100, hide: 500 }
                });
            });
        </script>
        <!-- Styles -->
	<style>
		#contact label{
			display: inline-block;
			width: 100px;
			text-align: right;
		}
		#contact_submit{
			padding-left: 100px;
		}
		#contact div{
			margin-top: 1em;
		}
		textarea{
			vertical-align: top;
			height: 5em;
		}
			
		.error{
			display: none;
			margin-left: 10px;
		}		
		
		.error_show{
			color: red;
			margin-left: 10px;
		}
		
		input.invalid, textarea.invalid{
			border: 2px solid red;
		}
		
		input.valid, textarea.valid{
			border: 2px solid green;
		}
	</style>
        <script>
                 $(document).ready(function() {
                                $('#memberEmail').keyup('input', function() {
                                         var input=$(this);
                                         var re = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/;
                                         var is_email=re.test(input.val());
                                         if(is_email){input.removeClass("invalid").addClass("valid");}
                                         else{input.removeClass("valid").addClass("invalid");}
                                 });
        </script>
<meta charset="UTF-8">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<style type="text/css">
	.bs-example{
    	margin: 100px 50px;
    }
</style>
    </head>
<body>
    <!-- load our navbar... include means code for this section only changes in one area -->
 <?php include('navBar.php'); ?>
    
    <div class="col-sm-6 col-sm-offset-3">
	<h1 align="center">Create an International Return</h1>
        <!-- OUR FORM -->
	<form action="process.php" id="form" method="POST">
            
                <!-- Enter Member Email to retreive Eligible Orders for return-->
		<div>
			<label for="memberEmail">Member's Email Address</label>
                        <input type="email" class="form-control" name="email" placeholder="Enter Member Email Address">
			<!-- errors will go here -->
		</div>
                <button type="submit" class="btn btn-success">Submit <span class="fa fa-arrow-right"></span></button>

	</form>
</div>
</body>



</html>
